@import url(./base.less);
@import url(./normalize.less);

@rootSize: 37.5rem;

.main {
  height: (300 / @rootSize);
  .box {
    height: (20 / @rootSize);
    margin: 0 auto;
  }

  .box1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: (11.5 / @rootSize) (10 / @rootSize);
    height: (45 / @rootSize);

    .left {
      font-size: (16 / @rootSize);
      padding-left: (80 / @rootSize);
      font-weight: 600;
    }

    .right {
      width: (79 / @rootSize);
      height: (7.1 / @rootSize);
      padding-bottom: (30 / @rootSize);
    }
  }

  .box2 {
    height: (250 / @rootSize);
    img {
      height: (251 / @rootSize);
      width: (375 / @rootSize);
      vertical-align: middle;
    }
  }
}

.footer {
  height: (162 / @rootSize);

  .top {
    height: (45 / @rootSize);
    width: (245 / @rootSize);
    background-color: #14bb06;
    margin: (77 / @rootSize) (65 / @rootSize) 0;
    line-height: (45 / @rootSize);
    text-align: center;
    border-radius: 5px;
    font-size: (12 / @rootSize);
    color: #fff;
  }

  .bottom {
    font-size: (12 / @rootSize);
    margin-left: (75 / @rootSize);
    margin-top: (17 / @rootSize);
  }

  input {
    vertical-align: middle;
  }

  span:nth-child(3) {
    color: #f0d393;
  }
}
